<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <div class="dingduan clearfix">
        <div class="pangtang">
            <img src="./img/胖糖.jpg" alt="">
            <div class="shouye fr ">
                <ul class="shouye1">
                    <a href=""><li style="color: black;">首页</li></a>
                    <span style="position: absolute;top: 65px;left: 0px; color: gray   ;font-size: 17px;">home</span>
                    <a href=""><li style="color: black;">游戏</li></a>
                    <span style="position: absolute; top: 65px;left: 125px;color: gray; font-size: 17px;">game</span>
                    <a href="./html/list.html"><li style="color: black;">案例</li></a>
                    <span style="position: absolute; top: 65px;left: 260px;color: gray; font-size: 17px;">Case</span>
                    <a href=""><li style="color: black;">关于我们</li></a>
                    <span style="position: absolute; top: 65px;left: 395px;color: gray; font-size: 17px;">About
                        us</span>
                    <li><img src="./img/微博.jpg" alt=""></li>
            </div>
        </div>
    </div>
    <div class="zhongbu">
        <div class="box">
            <a href="https://game.qq.com/">
                <p class="games">腾讯游戏</p>
            </a>
            <div class="yuan"></div>
            <a href="https://game.qq.com/">
                <div class="sanjiaoxing"></div>
            </a>
            <div>腾讯用薪创造快乐　没钱玩你麻痹</div>
            <div class="shou"><img src="./img/手.png" alt=""></div>
        </div>


        <div>
            <ul class="touxiang1">
                <li class="case1"><img src="./img/q.jpg" alt=""></li>
                <li class="case1"><img src="./img/q.jpg" alt=""></li>
                <li class="case1"><img src="./img/w.jpg" alt=""></li>
                <li class="case1"><img src="./img/w.jpg" alt=""></li>
                <div class="shouji">
                    <li></li><img src="./img/手机.png" alt="">
                </div>
            </ul>
            <ul class="touxiang2 clearfix">
                <li class="case2"><img src="./img/e.jpg" alt=""></li>
                <li class="case2"><img src="./img/e.jpg" alt=""></li>
                <li class="case2"><img src="./img/r.jpg" alt=""></li>
                <li class="case2"><img src="./img/r.jpg" alt=""></li>
            </ul>

        </div>

        <div>
            <h3 class="gei">我们能给</h3>
            <h2 class="liyi">客户带来的利益</h2>
            <span class="chuli">每一个细节的处理</span>
            <span class="zhuiqiu">都体现出我们对时尚的不懈追求</span>
            <a href="https://game.qq.com/">
                <p class="yuan2">了解更多</p>
            </a>

        </div>


        <ul class="xiaoyuan">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>


    </div>
    <div class="zhongxiabu">
        <div class="tu1 fl">
            <img src="./img/step1.png" alt="" width="178px" height="177px">
            <h2 class="ziti">STEP ONE</h2>
            <p>选择一个游戏，换图</p>
        </div>
        <div class="tu2 fl">
            <img src=" ./img/step2.png" alt="" width="178px" height="177px">
            <h2 style="margin-left: -50px;" class="ziti">THE SECOND STEP</h2>
            <p style="margin-left:-20px">选择一个游戏，换图</p>
        </div>
        <div class="tu3 fl">
            <img src="./img/step3.png" alt="" width="178px" height="177px">
            <h2 class="ziti">THE THIRD STEP</h2>
            <p>选择一个游戏，换图</p>
        </div>
        <div class="mushroom">
            <img src="./img/bg_mushroom.png" alt="">
        </div>
        <div class="controller">
            <img src="./img/bg_controller.png" alt="">
        </div>
    </div>
    <div>
        <div class="dibu">
            <h2 class="game3">狂转游戏</h2>
            <p class="game4"><span style="font-weight: bold;">Turn</span> mad game </p>
            <p class="game5">潮流趣味游戏，引发全民G点，疯狂转发。<br>
                还不马上购买，植入你要传播的商品？</p>
            <div class="jizhan">
                <ul class="jizhan1">
                    <li><img src="./img/game1.png" alt=""></li>
                    <li><img src="./img/game2.png" alt=""></li>
                    <li><img src="./img/game3.png" alt=""></li>
                   
                </ul>
                <ul>
                    <li class="youximing1">
                        <h4>剑圣传奇</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                    <li class="youximing2">
                        <h4>PLAGUE LNC</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                    <li class="youximing3">
                        <h4>地狱边境</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                </ul>
                <div class="jiantou"><img src="./img/bg_arrow.png" alt=""></div>
                <div class="chi"><img src="./img/chi.png" alt=""></div>
            </div>
        </div>

    </div>
    <div>
        <div class="dibu">
            <h2 class="game3">抽奖游戏</h2>
            <p class="game4"><span style="font-weight: bold;">Lottery</span> game </p>
            <p class="game5">形式各样抽奖游戏，引起全民尖叫，惊喜不断。<br>
                还不马上购买，植入你要传播的商品？</p>
            <div class="jizhan">
                <ul class="jizhan1">
                    <li><img src="./img/game4.png" alt=""></li>
                    <li><img src="./img/game5.png" alt=""></li>
                    <li><img src="./img/game6.png" alt=""></li>
                </ul>
                <ul>
                    <li class="youximing1">
                        <h4>功夫西游</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                    <li class="youximing2">
                        <h4>宝石迷阵</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                    <li class="youximing3">
                        <h4>植物大战僵尸</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                </ul>
                <div class="shuiyu"><img src="./img/shuiyu.png" alt=""></div>
            </div>
        </div>

    </div>
    <div>
        <div class="dibu">
            <h2 class="game3">经典案例</h2>
            <p class="game4"><span style="font-weight: bold;">Lottery</span> game </p>
            <p class="game5">大家对胖糖的信赖，<br>
                来源于其产品与需求巧妙结合的经典营销效果</p>
            <div class="feiji">
                <div>
                    <div><img  style="margin-bottom: 22px;" width="60px" height="170px" src=" ./img/三.png" alt="">
                    <div  style="  display: inline-block; position: absolute; left: 80px;">
                       <div style="text-align: right;"> <h2>南方航空</h2>
                        <p class="juzi1">飞行挑战赛</p>
                        <p class="juzi2">2014年5月14日--5月27日</p>
                        <p class="juzi3">扫码关注微信参加飞行挑战赛并抽奖</p>
                        <p class="juzi4">即有机会赢取丰厚奖品</p></div>
                    </div>
                    <div style="display: inline-block;">
                        <img  style="margin-left: 235px; margin-bottom: 20px;" src="./img/plane.png" alt="">
                    </div>
                </div>


            </div>


        </div>
        <div class="feiji" style="margin-left:0px;">
                <div>
                    <div><img  style="margin-bottom: 22px;" width="60px" height="170px" src="./img/三.png" alt="">
                    <div  style="  display: inline-block; position: absolute; left: 80px;">
                       <div style="text-align: right;"> <h2>南方航空</h2>
                        <p class="juzi1">飞行挑战赛</p>
                        <p class="juzi2">2014年5月14日--5月27日</p>
                        <p class="juzi3">扫码关注微信参加飞行挑战赛并抽奖</p>
                        <p class="juzi4">即有机会赢取丰厚奖品</p></div>
                    </div>
                    <div style="display: inline-block;">
                        <img  class="jingguo"  src="./img/plane.png" alt="">
                        <div class="chongdie"></div>
                    </div>
                </div>


            </div>


        </div>
        <div class="feiji">
            <div>
                <div><img  style="margin-bottom: 22px;" width="60px" height="170px" src="./img/三.png" alt="">
                <div  style="  display: inline-block; position: absolute; left: 80px;">
                   <div style="text-align: right;"> <h2>南方航空</h2>
                    <p class="juzi1">飞行挑战赛</p>
                    <p class="juzi2">2014年5月14日--5月27日</p>
                    <p class="juzi3">扫码关注微信参加飞行挑战赛并抽奖</p>
                    <p class="juzi4">即有机会赢取丰 厚奖品</p></div>
                </div>
                <div style="display: inline-block;">
                    <img  style="margin-left: 235px; margin-bottom: 20px;" src=" ./img/plane.png" alt="">
                </div>
            </div>


        </div>


    </div>
    <div  class="feiji" style="margin-left:0px; ">
        <div>
            <div><img  style="margin-bottom: 22px;" width="60px" height="170px" src="./img/三.png" alt="">
            <div  style="  display: inline-block; position: absolute; left: 80px;">
               <div style="text-align: right;"> <h2>南方航空</h2>
                <p class="juzi1">飞行挑战赛</p>
                <p class="juzi2">2014年5月14日--5月27日</p>
                <p class="juzi3">扫码关注微信参加飞行挑战赛并抽奖</p>
                <p class="juzi4">即有机会赢取丰厚奖品</p></div>
            </div>
            <div style="display: inline-block;">
                <img  style="margin-left: 235px; margin-bottom: 20px;" src="./img/plane.png" alt="">
            </div>
        </div>


    </div>

<div class="camera"><img width="100%" src="./img/bg_camera.png" alt=""></div>
</div>

    </div>
    <div class="zuidibu">
    <p class="banquan">2014 Pangtang. All Rights Reserved. 版权所有</p>  
   </div>
</body>

</html>